<template>
  <div>
    <h1>我是父元素</h1>
    我是数子：{{ num }}
    <p ref="myp">{{ num }}</p>
    <button @click="add">加一操作</button>
    <!-- <Son :value="num" @input="value=>num=value" /> -->
    <Son />
  </div>
</template>
<script>
import Son from './Son.vue'
export default {
  components: {
    Son

  },
  data() {
    return {
      num: 100
    }
  },
  methods: {
    add() {
      this.num++
      // 解决异步操作 因为dom视图是异步的
      this.$nextTick(() => {
        console.log(this.$refs.myp.innerHTML, 'aaa')
      })
    }
  }
}
</script>
